/**
* 色值取自语雀中控UI规范 https://www.yuque.com/kxqirq/mpcmmu
* 1. 非特殊情况请不要在中控内使用此文件规定颜色值之外的颜色
* 2. 可以直接使用变量无需引入文件
* 3. 需要透明度的颜色可以这么写：background-color: rgba($default-color, .6)
* 4. 不建议直接在jsx里直接使用色值，如果要使用颜色的请结合index.scss里提供的颜色样式使用，或者想办法使用颜色继承
* 总结一些基本的对应关系, 不一定完全对应但是基本可以参照替换：
  【#4B8DFF --> $default-color】
  【#40a9ff --> $default-color-hover】
  【#096dd9 --> $default-color-focus】
  【#f5222d --> $default-color-inverse】
  【#f5f5f5 --> $btn-bg-disabled】
  【#e6f7ff --> $highlight-default】
  【#d9d9d9 --> $divide-line】
  【#999999 --> $font-subtitle】
  【rgba(0, 0, 0, 0.85) --> $font-title】
  【rgba(0, 0, 0, 0.65) --> $font-default】
  【rgba(0, 0, 0, 0.45) --> $font-subtitle】
  【rgba(0, 0, 0, 0.25) --> $font-disabled】
*/


/*主题色*/
$default-color: #4B8DFF;
$default-color-hover: #2B78FF;
$default-color-focus: #2B6FE6;

/*主题色对比色*/
$default-color-inverse: #FF6680;
$default-color-inverse-hover: #FF4766;
$default-color-inverse-focus: #E24560;

/*字体样式，disabled包括placeholder默认颜色，ghost为镂空字体颜色，一般为系统背景色*/
$font-default: #4E5B71;
$font-description: #6C788C;
$font-disabled: #B5C0CE;
$font-title: #1E2126;
$font-ghost: #FFFFFF;
$font-subtitle: #7E97C5;

/*默认阴影样式*/
$shadow: #000000;
$shadow-card: 0px 2px 8px 0px rgba($shadow, .15);
$shadow-modal: 0px 4px 16px 0px rgba($shadow, .15);
$shadow-affix: 0px 2px 4px 0px rgba($shadow, .10);
$shadow-menu: 0px 4px 12px 0px rgba($shadow, .15);

/*侧边菜单样式*/
$menu: #171E38;
$menu-expand: #0E1327;
$menu-divide: #39405E;

/*大面积默认底色*/
$background: #F7F8FA;
$background-white: #FFFFFF;
$background-title: #F7F8FA;
$background-layout: #F0F2F5;

/*默认按钮样式颜色*/
$btn-bg: #FFFFFF;
$btn-bg-disabled: #F7F8FA;
$btn-border: #CDD7EC;

/*分割线*/
$divide-line: #EBF0F5;

/*Tag、Alert、Notification、Message等组件不同主题样式 border为边框颜色，bg为背景色, icon与border同色*/
$tag-default-border: #CDD7EC;
$tag-default-bg: #F7F8FA;
$tag-error-border: #FF6680;
$tag-error-bg: #FFF1F1;
$tag-success-border: #4DC690;
$tag-success-bg: #EAFFF5;
$tag-warn-border: #F2C849;
$tag-warn-bg: #FFFBEF;
$tag-weak-warn-border: #677CDA;
$tag-weak-warn-bg: #EEF1FF;
$tag-disabled-border: $tag-default-border;
$tag-disabled-bg: #F7F8FA;

/*单据状态主题颜色，对应关系参见constant.js文件*/
$status-processing: #55B1F2;
$status-success: #4DC690;
$status-error: #FF6680;
$status-closed: #B5C0CE;
$status-warning: #F2C849;
$status-weak-warn: #677CDA;

/*Badge组件主题色*/
$badge-default: #B5C0CE;
$badge-processing: #55B1F2;
$badge-success: #4DC690;
$badge-error: #FF6680;
$badge-warning: #F2C849;
$badge-weak-warn: #677CDA;

/*表单样式*/
$form-border: #D7DCE6;
$form-bg-disabled: #F7F8FA;

/*卡片样式*/
$card-border: #D7DCE6;

/*表格边框*/
$table-border: #EBF0F5;
$table-title-bg: #F7F8FA;

/*高亮颜色 值列表行及表格行hover高亮颜色等 default,selected 以外颜色供管控费用行等特殊情况使用*/
$highlight-default: #EDF3FF;
$highlight-selected: #F7F8FA;
$highlight-warn: #FFF1F1;
$highlight-success: #EAFFF5;
$highlight-weak-warn: #E9EDFF;

/*Switch*/
$switch-checked: #3DBD7D;
$switch-checked-disable: #C8F4DE;
$switch-unchecked: #DBE6F3;
$switch-unchecked-disable: #EBF0F5;

